<template>
    <div class="search">
       <input type="text" class="search-input" placeholder="请输入城市名或拼音" />
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="stylus" scoped>
   @import '~styles/varibles.styl'
   @import '~styles/mixins.styl'
   .search
     position:relative;
     overflow:hidden;
     background:$bgcolor;
     line-height:.78rem;
     .search-input
       width:96%;
       height:.54rem;
       line-height:.54rem;
       font-size:.28rem;
       text-align:center;
       border-radius:.06rem;
       color:$TagTextcolor;
</style>